<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* */
			.div:hover p{
				/* color: #0000FF;
				font-size: 30px; */
				display: block;
				/* 显示 */
			}
			.div p{
				display: none;
				/* 隐藏元素，不占据空间 */
				position: absolute;
				/* 绝对定位，可以让元素脱离文档流，不占据页面位置 */
			}
			.div:hover{
				color: #0000FF;
				/* font-size: 30px; */
				
			}
		</style>
	</head>
	<body>
		<div class="div">
			我是div
			<p>
				<img src="../2D/4.png" width="50px" ><br>
				<img src="../2D/4.png" width="50px" ><br>
				<img src="../2D/4.png" width="50px" ><br>
				<img src="../2D/4.png" width="50px" ><br>
				<img src="../2D/4.png" width="50px" ><br>
				<img src="../2D/4.png" width="50px" ><br>
			</p>
		</div>
		<img src="../05盒子模型/banner.jpg" >
		<img src="../css动画/img/1.png" >
		<img src="../css动画/img/1.png" >
		<img src="../css动画/img/1.png" >
		<img src="../css动画/img/1.png" >
	</body>
</html>
